<template>
	<transition name="animate-mask">
		<div @click="maskClick" 
			class="command-response-mask"></div>
	</transition>
</template>

<script>
	export default {
		methods: {
			maskClick () {
				this.$emit('maskClick')
		}
		}
	}
</script>

<style scoped lang="scss">
	.command-response-mask {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		background-color: rgba(55, 55, 55, .6);
	}
</style>